<template>
  <a-row justify="center" align="middle" style="height: 100vh;">
    <a-col>
      <a-button type="primary" onclick="handle()">Hello ! Click me !</a-button>
    </a-col>
  </a-row>
</template>

<script>
import { defineComponent } from 'vue';
import { Button, Row, Col } from 'ant-design-vue';

export default defineComponent({
  components: {
    AButton: Button,
    ARow: Row,
    ACol: Col
  },
  methods:{
    handle(){
      console.log("Yo did it !");
    }
  }
});
</script>

<style scoped>

/* 自定义样式 */
</style>
